<template>
  <div class="container">
    <div class="panel pad-30 mar-t-10">
      <div class="mar-t-10 align-c">
        <img v-if="fileSpace" mode="widthFix" class="width-140 height-95"
             :src="fileSpace + '/images/success.png'"/>
      </div>
      <div class="align-c">
        申请成功，等待审核！
      </div>
      <div class="mar-t-30">
        <div class="line"></div>
        <div class="flex progress">
          <div class="flex-item align-l">
            <img v-if="fileSpace" mode="widthFix" class="width-24 height-24"
                 :src="fileSpace + '/images/complete.png'"/>
          </div>
          <div class="flex-item align-c">
            <div class="circle"></div>
          </div>
          <div class="flex-item align-r">
            <div class="circle"></div>
          </div>
        </div>
        <div class="flex progress-text">
          <div class="flex-item align-l">
            <div class="pad-t-6">提现申请</div>
          </div>
          <div class="flex-item align-c">
            <div class="pad-t-6">等待审核</div>
          </div>
          <div class="flex-item align-r">
            <div class="pad-t-6">资金到账</div>
          </div>
        </div>
      </div>
    </div>

    <div class="mar-15 pad-t-10">
      <button size="default" class="primary-button" @click="$pt.navigateBack({delta: -1})">确认返回</button>
    </div>

  </div>
</template>

<script>
  export default {
    data() {
      return {}
    },
    onShow() {
    },
    methods: {
      confirm() {
        this.$pt.redirectTo({ url: '/pages/personal/cash-progress/main' })
      }
    }
  }
</script>

<style scoped>
  .progress {
    width: 300px;
    margin-top: -15px;
  }

  .progress-text {
    width: 300px;
  }

  .line {
    width: 300px;
    height: 4px;
    background-color: #ededed;
  }

  .circle {
    background-color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0.5px solid #d9d9d9;
  }
</style>
